<script type="text/javascript">
var settings = {
 modelDomainFlag:"ext"
,modelFlag:"monitor"
}
</script> 
<script type="text/javascript">
var start = true;
<!--
$script('${plugin}/highcharts/js/highcharts.js', 'highcharts',function(){
	$script('${plugin}/highcharts/js/highcharts-3d.js','link11', function() {
		$script('${plugin}/highcharts/js/modules/exporting.js','link12', function() {
			$script('${plugin}/highcharts/js/highcharts.js','link13', function() {
				$script(window.global.ctx+'/static/fw/js/fw-highchart.js','link1', function() {
					$script(window.global.ctx+'/static/js/monitor/redis.js','link', function() {
					},1);
				});
			});
		});
	});
});
//-->
</script>
<div class="row" style="margin-left: 10px">
<div class="infobox-container" style="margin-top: 10px;margin-bottom: 10px">
	<div class="col-md-3 monitor-infobox infobox infobox-green">
		<div class="infobox-icon">
			<i class="ace-icon fa fa-comments"></i>
		</div>

		<div class="infobox-data">
			<span class="infobox-data-number" id="dbsize">--</span>
			<div class="infobox-content">Key数量</div>
		</div>
		<!-- stat-important stat-success -->
		<div class="stat">
			<span id="dbsize_rate">--</span>
		</div>
	</div>

	<div class="col-md-3 monitor-infobox infobox infobox-blue">
		<div class="infobox-icon">
			<i class="ace-icon fa fa-twitter"></i>
		</div>

		<div class="infobox-data">
			<span class="infobox-data-number" id="used_memory_human">--</span>
			<div class="infobox-content">内存使用量</div>
		</div>
		<div class="stat">
			<span id="used_memory_human_rate">--</span>
		</div>
	</div>

	<div class="col-md-3 monitor-infobox infobox infobox-pink">
		<div class="infobox-icon">
			<i class="ace-icon fa fa-shopping-cart"></i>
		</div>

		<div class="infobox-data">
			<span class="infobox-data-number" id="hit_rate">--</span>
			<div class="infobox-content">命中率</div>
		</div>
		<div class="stat">
			<span id="hit_rate_rate">--</span>
		</div>
	</div>

	<div class="col-md-3 monitor-infobox infobox infobox-orange2">
		 <div class="infobox-icon">
			<i class="ace-icon fa fa-flask"></i>
		</div>
		<div class="infobox-data">
			<span class="infobox-data-number" id="blocked_clients">--</span>
			<div class="infobox-content">阻塞Clients</div>
		</div>
		<div class="stat">
			<span id="blocked_clients_rate">--</span>
		</div>
	</div>
</div>

</div>
<div class="row">
	<div id="charts_tps" class="col-xs-6"
		style="min-width: 300px; height: 300px"></div>
	<div id="charts_clients" class="col-xs-6"
		style="min-width: 300px; height: 300px"></div>
</div>
